<template>
  <div>
    <!-- 年月日 -->
    <el-date-picker v-model="model.date" type="date" value-format="yyyy-MM-dd" clearable placeholder="请选择" />
    <!-- 年月日时分秒 -->
    <el-date-picker v-model="model.dateTime" type="datetime" value-format="yyyy-MM-dd HH:mm:ss" clearable placeholder="请选择" />
    <!-- 日期范围 -->
    <el-date-picker
      v-model="queryParam.timeScopeTemp"
      type="daterange"
      value-format="yyyy-MM-dd"
      range-separator="至"
      start-placeholder="开始时间"
      end-placeholder="结束时间"
      @change="getDateScope"
    />
  </div>
</template>

<script>
export default {
  components: {},
  mixins: [],
  props: {},
  data() {
    return {
    }
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {
    // 开始结束时间
    getDateScope(e) {
      if (e) {
        this.queryParam.startDate = e[0] + ' 00:00:00'
        this.queryParam.endDate = e[1] + ' 23:59:59'
      } else {
        this.queryParam.startDate = ''
        this.queryParam.endDate = ''
      }
    }
  }
}
</script>

<style lang="scss" scoped>
</style>
